<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-file-image-o"></i> <strong>详细费用</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>详细费用</li>
				<!-- <li class="active">客户信息</li> -->
			</ol>
		</section>
		<!-- Main content -->
		<section class="content">
			<div class="row">
				<div class="box box-info" id="customerEdit">
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">费用信息</h4>
					</div>
					<form id="myMoneyAll" class="widget-box">
					<div class="box-body" >
						<div class="form-horizontal">
							<!-- <input type="hidden" name="customerId" id="customerId" th:value="${customer.id}"/>
							<input type="hidden" name="customercreateTime" id="customercreateTime" th:value="${customer.createTime}"/> -->
							<div class="form-group">
								<label class="col-sm-1 control-label">出差起始日</label>
								<div class="col-sm-3">
								   <div class="col-md-11">
										<input class="form-control" type="Date" name="OutStartDate"
											id="OutStartDate" />
									</div>
								</div>
								<label class="col-sm-1 control-label">出差返回日</label>
								<div class="col-sm-3">
								     <div class="col-md-11">
										<input class="form-control" type="Date" id="BackDate"
											name="BackDate" 
											/>
									  </div>
								</div>
								<label class="col-sm-1 control-label">出差天数</label>
								<div class="col-sm-3">
								  <div class="col-md-11">
								  	<input class="form-control" type="text" name="OutDays"
											id="OutDays" readonly="readonly" />
								  </div>
								</div>
								
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">申请人</label>
								<div class="col-sm-3">
									<div class="col-md-11">
										<!-- <input class="form-control" type="text" name="asset"
											id="asset"  /> -->
										<select class="form-control" id="asset"
											name="asset" style="width: 100%">
											<option></option>
											<option th:each="user:${allSuperiorMen}"
												th:text="${user.name}" th:value="${user.id}"></option>
										</select>
									</div>
								</div>
								<label class="col-sm-1 control-label">申请部门</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<!-- <input class="form-control" type="text" name="continuelife"
											id="continuelife" datatype="*,*1-100,t" nullmsg="请输入申请部门" /> -->
									<input class="form-control" type="text" name="continuelife" th:value="${superior}" readonly="readonly"
											id="continuelife" />
									</div>
									<div class="col-md-1">
                                        <span style="color:#F00">*</span>
                                    </div>
								</div>
								<label class="col-sm-1 control-label">申请日期</label>
								<div class="col-sm-3">
									<div class="col-md-11">
									<input class="form-control" type="Date" name="buyer" 
											id="buyer" datatype="*,*1-100,t" nullmsg="请输入申请日期" />
									</div>
									<div class="col-md-1">
                                        <span style="color:#F00">*</span>
                                    </div>
								</div>
								
							</div>
							<div class="form-group">
								<label class="col-sm-1 control-label">申请片区</label>
								<div class="col-sm-3">
									<div class="col-md-11">
										<!-- <input class="form-control" type="text" name="asset"
											id="asset"  /> -->
										<select class="form-control" id="applyArea"
											name="applyArea" style="width: 100%"  datatype="*,*1-100,t" nullmsg="请输入申请片区">
											<option></option>
											<option th:each="area:${applyAreas}"
												th:text="${area}"></option>
										</select>
									</div>
									<div class="col-md-1">
                                        <span style="color:#F00">*</span>
                                    </div>
								</div>
							</div>
							
							<div class="form-group">
								
								<label class="col-sm-1 control-label">事由</label>
								<div class="col-sm-3" style="width: 90%">
									<div class="col-md-11">
									<textarea class="form-control" style="width:100%" id="breakDuty" name="breakDuty"  rows="2" datatype="*,*1-1000" nullmsg="请输入事由"></textarea>
									</div>
									<div class="col-md-1">
                                        <span style="color:#F00">*</span>
                                    </div>
								</div>
							</div>
							<div class="form-group">
								
								<label class="col-sm-1 control-label">备注</label>
								<div class="col-sm-3" style="width: 90%">
									<div class="col-md-11">
									<textarea class="form-control" style="width:100%" id="memo" name="memo" rows="2"></textarea>
									</div>
								</div>
							</div>
						</div>
					</div>
					</form>
					<div class="box-header with-border">
						<i class="fa fa-th-list"></i>
						<h4 class="box-title">费用明细信息</h4>
					</div>
					<div class="nav-tabs-custom">
                                <ul class="nav nav-tabs" id="myTabs">
                                    <li class="payHistory"><a href="#tab_1" data-toggle="tab">基本费用</a></li>
                                    <li><a href="#tab_2" class="showOldPay" data-toggle="tab">其他费用</a></li>
                                    <li><a href="#tab_3" class="active" data-toggle="tab">小车费用</a></li>
                                    <li><a href="#tab_4" class="showOldPaid" data-toggle="tab">办事处费用</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane " id="tab_1">
                                        <table id="scheduleTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
                                            <thead>
                                            </thead>
                                            <tbody>
                                            <tr>
				                                <td width="8%" align="center">借款</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="loanMaoney" name="loanMaoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">差旅费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="travelMoney" name="travelMoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">住宿费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="hotelMoney"  name="hotelMoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            <tr>
				                                <td width="8%" align="center">补贴</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="subsidyMoney" name="subsidyMoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">招待费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="entertainmentMoney" name="entertainmentMoney" onchange="basicMoneyAllSum()" />
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">项目费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="projectFeeMoney"  name="projectFeeMoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            <tr>
				                                <td width="8%" align="center">电话费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="telephoneMoney" name="telephoneMoney"  onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">打的费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="taxiFareMoney" name="taxiFareMoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">工资奖金</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="salaryBonusMoney"  name="salaryBonusMoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            <tr>
				                                <td width="8%" align="center">冲账金额</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="amountChargeMoney" name="amountChargeMoney" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">其它费用</td><!-- 其他费用的所有 -->
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="basicOtherMoney" name="OtherMoneyAll" readonly="readonly" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">费用合计</td><!-- table中所有+ -->
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="basicMoneySum"  name="basicMoneySum" readonly="readonly"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="tab_2">
                                        <table id="payTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%" type="2">
                                            <thead>
                                            </thead>
                                            <tbody>
                                            <tr>
				                                <td width="8%" align="center">购标书</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="bidDocumentMoney" name="bidDocumentMoney" onchange="OtherMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">中标服务费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="bidServiceMoney" name="bidServiceMoney" onchange="OtherMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">复传打</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text"  id="retransmissionMoney" name="retransmissionMoney" onchange="OtherMoneyAllSum()" />
				                                    </div>
				                                </td>
				                            </tr>
                                            <tr>
				                                <td width="8%" align="center">邮寄费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="postageMoney" name="postageMoney" onchange="OtherMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">入网费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="subscriptionMoney" name="subscriptionMoney" onchange="OtherMoneyAllSum()" />
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">办公用品</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text"  id="officeSuppliesMoney" name="officeSuppliesMoney" onchange="OtherMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            <tr>
				                                <td width="8%" align="center">取款手续</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="WithdrawalProcedureMoney" name="WithdrawalProcedureMoney" onchange="OtherMoneyAllSum()" />
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">维修费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="maintenanceCostMoney" name="maintenanceCostMoney" onchange="OtherMoneyAllSum()" />
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">办事处费用</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text"  id="officeMoney" name="OfficeMoneyAll" readonly="readonly"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            <tr>
				                                <td width="8%" align="center">节日费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="holidayMoney" name="holidayMoney" />
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">汽车费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="motorMoney" name="CarMoneyAll" readonly="readonly"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">其它费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="otherChargesMoney"  name="otherChargesMoney"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            <tr>
				                                <td width="8%" align="center">费用合计</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="OtherMoneyAll" name="OtherMoneyAll" readonly="readonly" onchange="basicMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane active" id="tab_3">
                                        <table id="paymentTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%" type="3">
                                            <thead>
                                            </thead>
                                            <tbody>
                                            	<tr>
				                                <td width="8%" align="center">保险费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="insuranceMoney" name="insuranceMoney" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">路桥费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="luqiaoMoney" name="luqiaoMoney" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">油费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text"  id="oilMoney" name="oilMoney" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            	<tr>
				                                <td width="8%" align="center">过路费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="roadToll" name="roadToll" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">停车费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="parkingMoney"  name="parkingMoney" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">保养费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text"  id="maintenanceMoney" name="maintenanceMoney" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            	<tr>
				                                <td width="8%" align="center">购置物品费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="purchasesMoney" name="purchasesMoney" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">年审</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="limitedMoney" name="limitedMoney" onchange="CarMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">费用合计</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="CarMoneyAll"  name="CarMoneyAll" readonly="readonly" onchange="OtherMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="tab-pane" id="tab_4">
                                        <table id="paidScheduleTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%">
                                            <thead>
                                            </thead>
                                            <tbody>
                                            	<tr>
				                                <td width="8%" align="center">房租费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="rentMoney" name="rentMoney" onchange="OfficeMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">水电气取暖费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="waterMoney" name="waterMoney" onchange="OfficeMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">物管费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="wuguanMoney"  name="wuguanMoney" onchange="OfficeMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            	<tr>
				                                <td width="8%" align="center">电话费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="banTelephoneMoney" name="banTelephoneMoney" onchange="OfficeMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                                <td width="8%" align="center">购置物品费</td>
				                                <td width="16%">
				                                    <div class="col-md-12">
				                                        <input class="form-control" type="text" id="shoppingMoney" name="shoppingMoney" onchange="OfficeMoneyAllSum()"/>
				                                    </div>
				                                </td>
				
				                                <td width="8%" align="center">其它费</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="otherMoney"  name="otherMoney" onchange="OfficeMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            	<tr>
				                                <td width="8%" align="center">费用合计</td>
				                                <td width="16%">
				                                    <div class="col-md-11">
				                                        <input class="form-control" type="text" id="OfficeMoneyAll" name="OfficeMoneyAll" readonly="readonly" onchange="OtherMoneyAllSum()"/>
				                                    </div>
				                                </td>
				                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div><!-- /.tab-content -->
                            </div><!-- nav-tabs-custom -->
                            </div>
                        <a type="button" class="btn btn-default pull-right" href="javascript:history.go(-1)">返回</a>
                    <button type="button" class="btn btn-primary pull-right savePayBtn">保存</button>
				</div>
		</section>
	<script th:src="@{/myMoney/myMoneyAll.js}"></script> 
	<script th:src="@{/myMoney/myMoneyAdd.js}"></script> 
	<script>
        $(function () {
            $('#myTabs a[href="#tab_1"]').tab('show');
            $('#myTabs a[href="#tab_2"]').click(function (e) {
                e.preventDefault();
            });
            $('#myTabs a[href="#tab_3"]').click(function (e) {
                e.preventDefault();
            });
            $('#myTabs a[href="#tab_1"]').click(function (e) {
                e.preventDefault();
            })
            $('#myTabs a[href="#tab_4"]').click(function (e) {
                e.preventDefault();
            });
            $('#myTabs a[href="#tab_"]').click(function (e) {
                e.preventDefault();
            })
        });
    </script>
	</div>
		
</body>
</html>